<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <!--
    CPAINT (Cross-Platform Asynchronous INterface Toolkit) - Version 2

    http://sf.net/projects/cpaint
    
    released under the terms of the GPL
    see http://www.fsf.org/licensing/licenses/gpl.txt for details

    authors:  Paul Sullivan <wiley14@gmail.com>, Dominique Stender <dstender@st-webdevelopment.de>
    Copyright (c) 2005-2006 Paul Sullivan, Dominique Stender - http://sf.net/projects/cpaint
  //-->
  <title>Sal's ultimate smiley generator</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <script type="text/javascript" src="../../cpaint2.inc.compressed.js"></script>
  <script type="text/javascript" src="js/smiley.js"></script>
  <script type="text/javascript" src="js/colorpicker.js"></script>
  <script type="text/javascript" src="js/mouse.js"></script>
  <link rel="stylesheet" type="text/css" href="smiley.css" />
  <link rel="stylesheet" type="text/css" href="colorpicker.css" />
</head>
<body>
  <div id="content">
    <br />
    <h1>Sal's ultimate smiley generator</h1>
    
  	<img src="gfx/palette.png" id="palette" alt="" title="click anywhere on the palette to assign a color to the selected field." />
    <form action="#" onSubmit="return get_bbcode(true)">
      <h2>your message:</h2>
      <p>
        <textarea id="sign_message" onBlur="get_bbcode(false)"></textarea>
      </p>

      <h2>message font:</h2>
      <p>
        <select id="font" onChange="get_bbcode(false)">
          <option value="arial" selected>Arial</option>
          <option value="verdana">Verdana</option>
          <option value="sfi">SDF intermosaic</option>
        </select><br />
        <input type="text" id="font_size" value="11" onBlur="get_bbcode(false)" /> font size point<br />
      </p>
      
      <h2>sign appearance:</h2>
      <p>
        <div id="color0" class="colorfield" onClick="selectColor(0)"></div> sign background color<br style="clear: left" />
        <div id="color1" class="colorfield" onClick="selectColor(1)"></div> sign border color<br style="clear: left" />
        <div id="color3" class="colorfield" onClick="selectColor(3)"></div> font color<br style="clear: left" />
      </p>

      <h2>image background</h2>
      <p>
        <div id="color2" class="colorfield" onClick="selectColor(2)"></div> image background color<br style="clear: left" />
      </p>
      <p>
        <input type="checkbox" id="background_transparent" value="1" checked="checked" onChange="get_bbcode(false)" class="input_noborder" /> transparent background<br />
        
        <h2>chose smiley:</h2>
        <input type="radio" name="smiley" value="biggrin" checked="checked" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/biggrin.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="cool" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/cool.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="grin" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/grin.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="old" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/old.gif" width="32" height="28" alt="" />
        <input type="radio" name="smiley" value="wink" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/wink.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="confused" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/confused.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="rolleyes" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/rolleyes.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="nerd" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/nerd.gif" width="20" height="16" alt="" />
        <input type="radio" name="smiley" value="tongue3" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/tongue3.gif" width="15" height="15" alt="" />
        <input type="radio" name="smiley" value="wolfie" class="input_smiley" onClick="set_smiley_name(this.value); get_bbcode(false)" /><img src="gfx/wolfie.gif" width="35" height="25" alt="" /><br />
      </p>

      <h2>your smiley:</h2>
      <p><img src="gfx/nil.png" id="smileygfx" alt="" title="your smiley" /></p>
    </form>
    <br />
    <h1 style="background-color: #ffffff; "><a href="http://www.sourceforge.net/projects/cpaint/"><img src="gfx/badge_cpaint.png" alt="visit the CPAINT homepage" title="visit the CPAINT homepage" width="80" height="15" border="0" /></a>&nbsp;<a href="http://www.intensivstation.ch/"><img src="gfx/intensivstation_button.gif" alt="template by intensivstation.ch" title="template by intensivstation.ch" width="80" height="15" border="0" /></a></h1>
  </div>
  <script type="text/javascript">
  <!--
    // initialization
  	var smiley				    = document.getElementById('smileygfx');
  	var message				    = document.getElementById('sign_message');
    var font_name         = document.getElementById('font');
    var font_size         = document.getElementById('font_size');
  	var bg_transp			    = document.getElementById('background_transparent');
    
    document.getElementById('palette').onclick  = getColor;
    document.onmousemove                        = getMouseXY;
    selectColor(0);
  //-->
  </script>
</body>
</html>